<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<script>
export default {
  name: 'mainApp',
  created () {
  },
  methods: {
  },
  computed: {
    app () {
      return this.$store.state.base.app
    }
  },
  watch: {
    app () {
      document.title = (this.$route.meta.title ? this.$route.meta.title + ' - ' : '') + this.$store.state.base.app.appName || ''
    }
  }

}
</script>

<style lang="scss">
  #app {
    height: 100%;
  }
</style>
